@charset "utf-8";
/* CSS Document */
/* common */
@import "common/base.scss";
/* end common */
.pay-icon{
  background-image: url("/resources/img/succ-icon.png");
  background-size: 1.50667rem 3.8rem;
  background-repeat: no-repeat;
  display: inline-block;
}
.pay-succ{
  margin-top:25.5%;
  text-align: center;
  position: relative;
}
.succ-icon{
  width: px2rem(113);
  height: px2rem(113);
  background-position: 0 0;
  position: absolute;
  margin-left: px2rem(56);
}
.fail-icon{
  width: px2rem(113);
  height: px2rem(113);
  background-position: 0 px2rem(-123);;
  position: absolute;
  margin-left: px2rem(56);
}
.com-icon{
  width: px2rem(95);
  height: px2rem(43);
  background-position: px2rem(-9) px2rem(-241);;
  position: absolute;
}
.s-wait{
  font-size: px2rem(30);
  margin-top: px2rem(40);
  color: #666;
  .wait-text{
    margin-left: px2rem(103); 
  }
}
.s-text{
  font-size:px2rem(36);
  color: #333;
  margin-top: px2rem(140);
  display: inline-block; 
}
.submit{
  width: 100%;
  text-align: center; 
  position: fixed;
  bottom: 8%;
}
.s-btn{
  text-align: center;
  font-size: px2rem(30);
  display: inline-block;
  border-radius: px2rem(10);  
}
.btn-check{
  width: px2rem(320);
  height: px2rem(74);
  line-height: px2rem(74);  
  background: #b22222;
  color: #fff;  
}
.btn-return{
  width: px2rem(316);
  height: px2rem(70);
  line-height: px2rem(70);
  border: px2rem(2) solid #b22222;
  color: #b22222;
  margin-left: px2rem(30); 
}

@media all and (orientation : landscape) { 
  .pay-succ{
    margin-top:8%;
  }

} 